<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8" />
    <title>安快物流</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="../../Global/Plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../../Global/Plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css" />
    <!-- BEGIN THEME STYLES -->

    <!-- END THEME STYLES -->
    <!-- END GLOBAL MANDATORY STYLES -->
    <style>
    	*{
    		color: #FFF;
    		font-family: "微软雅黑";
    		letter-spacing: 1px;
    		font-weight: 100;
    	}
    	.font14{
    		font-size: 14px;
    	}
    	.font16{
    		font-size: 16px;
    	}
    	.OtherColor{
    		color: #B4B8C4;
    	}
    	header{
    		background: url(../PlanManager/img/blue.png) no-repeat;
    		height: 50px;
    	}
    	header p{
    		float: left;
    		line-height: 50px;
    	}
    	header div{
    		padding: 13px 10px 13px 20px;
    		float: left;
    	}
    	.title{
    		padding: 20px;
    		color: #b4b8c4;
    		height: 74px;
    	}
    	.btn{
    		border-radius: 2px;
    	}
    	.btn-default{
    		color: #FFF;
    		background-color: transparent;
    		border-color: rgba(255,255,255,0.3);
    	}
    	.btn-default1{
    		color: #FFF;
    		background-color: rgba(255,255,255,0.2);
    		border-color: rgba(255,255,255,0.3);
    		margin: 0 0 0 10px;
    	}
    	.table{
    		margin: 0;
    	}
    	.table-bordered {
	  	border: 1px solid rgba(255,255,255,0.3);
	}
	.table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
		border-bottom-width:1px;
	}
	.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
		border: 1px solid rgba(255,255,255,.3);
	}
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
		text-align: center;
	}
	.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default{
		color: #FFF;
		background-color: transparent;
		border-color: rgba(255,255,255,0.3);
	}
	.dropdown-menu{
		width:100%;
		color: #FFF;
		border-radius: 2px;
		border-color:rgba(255,255,255,0.3);
		background: #373d41;
		min-width: 30px;
	}
	.dropdown-menu li:hover{
		background: rgba(255,255,255,0.3);
	}
	.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{
		background-color:transparent;
		border-color:rgba(255,255,255,0.3) ;
	}
    	.Main{
    		border: 1px solid rgba(255,255,255,0.3);
    		height: 100%;
    	}
    	.container-fluid{
    		margin: 0 20px;
    		padding: 0;
    		background: #373d4180;
    	}
      body{
        display: block;
      }
    </style>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body >
	<div style="background: url(../planManager/img/bg.png);height: 100%;width: 100%;padding: 20px;position: absolute;">
		<div class="Main" data-model="list">
			<header class="font16">
				<div> <img src="img/icon1.png" /></div>
				<p>生产计划创建</p>
			</header>
			<div class="title">
				<div style="float: left;margin-right: 20px;">
					<span class="OtherColor font14">类型：</span>
					<div class="btn-group">
						<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" style="width: 150px;text-align: left;">年</button>
						<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" style="border-left: 0;">
							<span class="caret"></span>
							<span class="sr-only">切换下拉菜单</span>
						</button>
						<ul class="dropdown-menu" role="menu">
							<li>年</li>
							<li>月</li>
							<li>季度</li>
						</ul>
					</div>
				</div>
				<div style="float: left;margin-right: 20px;min-width: 410px;">
					<span class="OtherColor font14">计划周期：</span>
					<div class="btn-group">
						<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" style="width: 60px;text-align: left;">2016</button>
						<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
							<span class="caret"></span>
							<span class="sr-only">切换下拉菜单</span>
						</button>
						<ul class="dropdown-menu" role="menu">
							<li>2015</li>
							<li>2016</li>
							<li>2017</li>
							<li>2018</li>
							<li>2019</li>
							<li>2020</li>
						</ul>
					</div>
					<span class="OtherColor" style="line-height: 32px;">&nbsp;年</span>
					<div class="btn-group">
						<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" style="width: 50px;text-align: left;">3</button>
						<button type="button" class="btn btn-default dropdown-toggle"
								data-toggle="dropdown">
							<span class="caret"></span>
							<span class="sr-only">切换下拉菜单</span>
						</button>
						<ul class="dropdown-menu" role="menu">
							<li>1</li>
							<li>2</li>
							<li>3</li>
							<li>4</li>
							<li>5</li>
							<li>6</li>
							<li>7</li>
							<li>8</li>
							<li>9</li>
							<li>10</li>
							<li>11</li>
							<li>12</li>
						</ul>
					</div>
					<span class="OtherColor" style="line-height: 32px;">&nbsp;月</span>
					<div class="btn-group">
						<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" style="width: 50px;text-align: left;">3</button>
						<button type="button" class="btn btn-default dropdown-toggle"
								data-toggle="dropdown">
							<span class="caret"></span>
							<span class="sr-only">切换下拉菜单</span>
						</button>
						<ul class="dropdown-menu" role="menu">
							<li>1</li>
							<li>2</li>
							<li>3</li>
							<li>4</li>
						</ul>
					</div>
					<span class="OtherColor" style="line-height: 32px;">&nbsp;季节</span>
				</div>
				<div style="float: left;margin-right: 20px;">
					<span class="OtherColor font14">状态：</span>
					<div class="btn-group">
						<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" style="width: 150px;text-align: left;">全部</button>
						<button type="button" class="btn btn-default dropdown-toggle"
								data-toggle="dropdown">
							<span class="caret"></span>
							<span class="sr-only">切换下拉菜单</span>
						</button>
						<ul class="dropdown-menu" role="menu">
							<li>全部</li>
							<li>已保存</li>
							<li>已上报</li>
							<li>已发布</li>
							<li>已驳回</li>
						</ul>
					</div>
				</div>
				<div style="float: right;">
					<button type="button" class="btn btn-default1">查询</button>
					<button type="button" class="btn btn-default1">上报</button>
					<button type="button" class="btn btn-default1">新增</button>
					<button type="button" class="btn btn-default1">删除</button>
				</div>
			</div>
			<div class="container-fluid">
		    		<table class="table table-bordered">
			    		<thead class="font16" style="background: linear-gradient(to left,rgba(255,255,255,0),rgba(255,255,255,0.15),rgba(255,255,255,0))">
			    			<tr>
			    				<th></th>
			    				<th>计划数据名称</th>
			    				<th>类型</th>
			    				<th>计划周期</th>
			    				<th>编制人</th>
			    				<th>编制单位</th>
			    				<th>创建日期</th>
			    				<th>发布日期</th>
			    				<th>版本</th>
			    				<th>状态</th>
			    				<th>操作</th>
			    			</tr>
			    		</thead>
			    		<tbody class="font14">
			    			<tr>
			    				<td>
			    					<input type="checkbox" value="bools" />
			    				</td>
			    				<td>2017年1月生产计划</td>
			    				<td>月计划</td>
			    				<td>2017年1月</td>
			    				<td>张三</td>
			    				<td>计划管理部</td>
			    				<td>2017/1/30</td>
			    				<td>2017/1/30</td>
			    				<td>1</td>
			    				<td>未发布</td>
			    				<td>查看</td>
			    			</tr>
			    			<tr>
			    				<td>
			    					<input type="checkbox" value="bools" />
			    				</td>
			    				<td>2017年1月生产计划</td>
			    				<td>月计划</td>
			    				<td>2017年1月</td>
			    				<td>张三</td>
			    				<td>计划管理部</td>
			    				<td>2017/1/30</td>
			    				<td>2017/1/30</td>
			    				<td>1</td>
			    				<td>未发布</td>
			    				<td>查看</td>
			    			</tr>
			    			<tr>
			    				<td>
			    					<input type="checkbox" value="bools" />
			    				</td>
			    				<td>2017年1月生产计划</td>
			    				<td>月计划</td>
			    				<td>2017年1月</td>
			    				<td>张三</td>
			    				<td>计划管理部</td>
			    				<td>2017/1/30</td>
			    				<td>2017/1/30</td>
			    				<td>1</td>
			    				<td>未发布</td>
			    				<td>查看</td>
			    			</tr>
			    			<!--<tr>
			    				<td></td>
			    				<td></td>
			    				<td></td>
			    				<td></td>
			    				<td></td>
			    				<td></td>
			    				<td></td>
			    				<td></td>
			    				<td></td>
			    				<td></td>
			    				<td></td>
			    			</tr>
			    		-->
			    		</tbody>
			    	</table>
	    		</div>
	    	    <div style="margin: 20px 20px 0 20px;float: right;">
	    	    		<div style="display: inline-block;">
	    	    			<span>每页显示</span>
	    	    			<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">10</button>
						<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
							<span class="caret"></span>
							<span class="sr-only">切换下拉菜单</span>
						</button>
						<ul class="dropdown-menu" role="menu">
							<li>5</li>
							<li>10</li>
							<li>15</li>
							<li>20</li>
						</ul>
	    	    			<span>条记录</span>
	    	    		</div>
	    	    		<div style="display: inline-block;">
	    	    			  <i class=" fa fa-angle-double-left"></i>
	    	    			 <i class=" fa fa-angle-left"></i>
	    	    			<div style="display: inline-block;width: 100px;text-align: center;border: 1px solid rgba(255,255,255,0.3);border-radius: 2px;line-height: 26px;">1/50</div>
                  <i class=" fa fa-angle-double-right"></i>
                 <i class=" fa fa-angle-right"></i>
	    	    		</div>
	    	    </div>
		</div>

	</div>
	<!-- BEGIN CONTAINER -->
    <!-- END CONTAINER -->

   <script src="../../Global/Scripts/require.js"></script>
    <script src="../../Global/Scripts/akcy.config.js"></script>
     <script src="Scripts/demo.js"></script>
</body>
<!-- END BODY -->
</html>
